<script>
export default {
  name: 'columns',
  functional: true,
  props: {
    columns: {
      type: Array,
      default: () => {
        return []
      }
    }
  },
  render (h, context) {
    const { columns } = context.props
    const vnodes = []
    if (columns) {
      columns.forEach(item => {
        vnodes.push(<el-table-column prop={item.prop}
          label={item.label}
          width={item.width}
          minWidth={item.minWidth}
          align={item.align}
          sortable={item.sortable}
          fixed={item.fixed}
          render-header={item.renderHeader}
          show-overflow-tooltip={item.tooltip}
        >



        </el-table-column>)
      })
    }
    return vnodes
  }
}
</script>
